<template>
  <div>
    <list :list="list" :render="renderFun"></list>
  </div>
</template>

<script>
import list from "@/components/list";
import HelloWorld from '@/components/HelloWorld'
export default {
  components: {
    list,
  },
  data() {
    return {
      list: [
        {
          name: "jack",
        },
        {
          name: "Join",
        },
        {
          name: "Mike",
        },
      ],
    };
  },
  methods:{
    renderFun(h,name){
      return (
        <span
        style={
          {
            color:'red',
            'font-size':'20px'
          }
        }
        on-click={this.handlerClick}>
          {name}
          <HelloWorld msg="jsx 牛逼啊啊啊啊" nativeOn-click={this.handlerClickOn}></HelloWorld>
        </span>
      )
    },
    handlerClick(){
      console.log('handlerClick');
    },
    handlerClickOn(e){
      e.stopPropagation();
      console.log('绑定原生click');
    }
  }
};
</script>

<style>
</style>
